/* CSS Document */
*{margin: 0; padding: 0;}
a{display: block;}
.hide{display: none;}
@font-face {
  font-family: 'hyx';
  src:   url('../fonts/hyx.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
ul,li{list-style: none;}
img{width:100%;}
html{width: 100%; height: 100%;margin: 0;padding: 0;}
body{ width: 100%;height: 100%;position:relative;background:#fffadd;overflow: hidden;}
.section{position:relative;width:100%;height: 100%;display: none;}
.section0{position:absolute;top:0;left:0;z-index:20;width:100%;height: 100%;background: url(../images/bg1.jpg) top center no-repeat;background-size: cover;
  
      -webkit-transform-origin:left 50%;
    -ms-transform-origin:left 50%;
    transform-origin:left 50%;
    transform-origin: left 50%;
    -webkit-transform:perspective(2000px) rotateY(0deg);
    -ms-transform:perspective(2000px) rotateY(0deg);
    transform:perspective(2000px) rotateY(0deg);
    -webkit-transition:-webkit-transform 2s ease-out,opacity 2s linear;
    -ms-transition:-ms-transform 2s ease-out,opacity 2s linear;
    transition:transform 2s ease-out,opacity 2s linear;


}

.dd{-webkit-transform:perspective(2000px) rotateY(-180deg);-ms-transform:perspective(2000px) rotateY(-180deg);transform: perspective(2000px) rotateY(-180deg);}


.section0 .load{position: absolute;top:50%;left:0;width:100%;margin-top: -170px;}
.section0 #loading_number{position: absolute;top:65%;left:0;width:100%;text-align: center; font-size:36px;font-family: 'hyx';color:#f36f20; }
.section0 .logo{position: absolute;top:90%;left:50%;width:272px;margin-left: -136px;z-index: 3;}



.section1{background: url(../images/bg2.jpg) top center no-repeat;background-size: cover;}
.section1 .p1{position: absolute;top:2%;left:5%;width:32.96%;z-index: 3;}
.section1 .p2{position: absolute;top:55%;left:0%;width:100%;z-index: 3;}
.section1 .p3{position: absolute;bottom:0%;left:0%;width:100%;z-index: 3;}

.filter{-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);}


.baise{

	-webkit-filter: grayscale(100%);
	 filter: grayscale(100%);filter: white;
}

.section2{position: absolute;top:0;left:0;width:100%;z-index: 2;display: none;}

.swiper-slide .p1{position: absolute;top:2%;left:5%;width:32.96%;z-index: 3;}
.swiper-slide .kv_img{width:100%;}
.swiper-slide .kv_title{position: absolute;top:47%;left:0%;width:100%;z-index: 3;}
.swiper-slide .box{position: absolute;width:100%;top:0%;left:0%;z-index: 3;}
.swiper-slide .box .p4{position: absolute;width:42%;top:40%;left:50%;margin-left: -21%;}
.section2 .p3{position: absolute;bottom:0%;left:0%;width:100%;z-index: 3;}


/*.section3 .p3{position: absolute;bottom:0%;left:0%;width:100%;z-index: 3;}*/

.section4 .picimg{position: absolute;top:0;left:0;width:100%;z-index: 3;}
.section4 #canvas_img{position: absolute;width:100%;height: 100%;top:0;left:0;z-index: 3;}
.section4 .p9{position: absolute;width:89.21%;top:42%;left:50%;margin-left: -44.56%;z-index: 4;}
.section4 .p9 .title{position: absolute;width:100%;top:3%;left:0;font-size: 34px;text-align: center;font-family: 'hyx';color:#f36f20;font-weight: bolder;}
.section4 .list{position: absolute;width:96%;top:15%;left:50%;margin-left: -48%;z-index: 4;border-bottom: 2px solid #f36f20;}
.section4 .list li{color:#000;font-size: 26px;height: 30px;line-height: 30px;padding: 20px 0;}
.section4 .list .cur{color:#f36f20;}
.section4 .username{position: absolute;width:96%;top:65%;left:50%;margin-left: -48%;z-index: 4;border-radius: 0px; border:0px;border-bottom: 2px solid #f36f20;height: 56px;line-height: 56px;background: none;font-size: 26px;}
.section4 .p9 .weititle{position: absolute;width:100%;bottom:5%;right:3%;font-size: 34px;text-align: right;font-family: 'hyx';color:#f36f20;font-weight: bolder;}
.section4 .p5{position: absolute;top:88%;left:10%;width:34.84%;z-index: 3;}
.section4 .p6{position: absolute;top:88%;left:55%;width:34.84%;z-index: 3;}

.section4 .p10{position: absolute;width:89.21%;top:56%;left:50%;margin-left: -44.56%;z-index: 4;display: none;}
.section4 .geyan{position: absolute;width:96%;top:8%;left:50%;margin-left: -48%;z-index: 4;border-radius: 0px; border:0px;border-bottom: 2px solid #f36f20;height: 56px;line-height: 56px;background: none;font-size: 26px;}
.section4 .username_gy{position: absolute;width:96%;top:38%;left:50%;margin-left: -48%;z-index: 4;border-radius: 0px; border:0px;border-bottom: 2px solid #f36f20;height: 56px;line-height: 56px;background: none;font-size: 26px;}
.section4 .p10 .weititle{position: absolute;width:100%;bottom:5%;right:3%;font-size: 34px;text-align: right;font-family: 'hyx';color:#f36f20;font-weight: bolder;}
.section4 .p6_gy{position: absolute;top:88%;left:50%;margin-left:-17.42%;width:34.84%;z-index: 3;display: none;}

.section5 .p7{position: absolute;top:50%;left:0;margin-top: -150px;width:100%;height: 300px;background-image: url(../images/p7.png);background-repeat: no-repeat;-webkit-transform-origin: center top;-webkit-animation: cy 1s .5s steps(5) infinite;}
@-webkit-keyframes cy {
  0% { background-position: 0 0; }
  100% { background-position: -3200px 0; }
}


.section6 .p1{position: absolute;top:2%;left:5%;width:32.96%;z-index: 3;}
.section6 .p3{position: absolute;bottom:0%;left:0%;width:100%;z-index: 3;}
.section6 .text{position: absolute;top:45%;left:0;width:100%;font-size: 68px;font-family: 'hyx';color:#000;text-align: center;}
.section6 .text .bold{font-size: 94px;}
.section6 .text .color{color:#f36f20;}
.section6 .user{position: absolute;top:70%;right:5%;width:95%;font-size: 46px;font-family: 'hyx';color:#000;text-align: right;}
.section6 .share{position: absolute;top:75%;left:0%;width:50%;padding:10px 0;text-align:center;z-index: 3;font-size: 34px;font-family: 'hyx';color:#f36f20;font-weight: bolder;text-decoration: underline;}
.section6 .link{position: absolute;top:75%;left:50%;width:50%;padding:10px 0;text-align:center;z-index: 3;font-size: 34px;font-family: 'hyx';color:#f36f20;font-weight: bolder;text-decoration: underline;}
.section6 .main{position: absolute;top:0;left:0;width:100%;z-index: 2;}

.Img{

	 /*filter: sepia(1) saturate(300%) hue-rotate(-20deg);
    -webkit-filter:sepia(1) saturate(300%) hue-rotate(-20deg);
    -webkit-mask-image:-webkit-radial-gradient(50% 50%,rgba(0,0,0,0),rgba(0,0,0,1));*/
    width:100%;overflow:hidden;


}

.Img span{
display: block;width:100%;height:100%;position: absolute;top:0;left:0;
background-image:-webkit-linear-gradient(top, rgba(227,78,0,.4) 0%,rgba(255,250,251,.4) 100%); 
}

.Img img{width:100%;-webkit-filter: grayscale(.3);}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #000;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #000;
}